<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>在线考试系统</title>
		<meta name="viewport" content="width=device-width, initial-scale=1" />

		<!--图标库-->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" />

		<!--响应式框架-->
		<link rel="stylesheet" href="css/indexboot.css" />

		<!--主要样式-->
		<link rel="stylesheet" href="css/style.css" />

	</head>
	<body>
		<div class="container">
			<div class="card-wrap">
				<div class="card border-0 shadow card--welcome is-show" id="welcome">
					<div class="card-body">
						<h2 class="card-title">欢迎光临</h2>
						<p>在线考试系统</p>
						<div class="btn-wrap">
							<a class="btn btn-lg btn-register js-btn" data-target="register">注册</a><a
								class="btn btn-lg btn-login js-btn" data-target="login">登录</a>
						</div>
					</div>
				</div>

				<div class="card border-0 shadow card--register" id="register">
					<div class="card-body">
						<h2 class="card-title">用户注册</h2>
						<p class="card-text">第三方注册</p>
						<p class="badge-wrap">
							<a class="badge"><i class="fab fa-facebook-f"></i></a><a class="badge"><i
									class="fab fa-google"></i></a><a class="badge"><i class="fab fa-twitter"></i></a><a
								class="badge"><i class="fab fa-github"></i></a>
						</p>
						<p>或者使用您的电子邮箱进行注册</p>
						<form>
							<div class="form-group">
								<label for="registerusername" class="form-inline">用户名:</label>
								<input class="form-control" type="text" placeholder="用户名" required="required"
									id="registerusername" />
								<label id="registername_trip" class="form-inline tip">用户名不能为空</label>
								<label id="registername_number" class="form-inline tip">用户名不能为纯数字</label>
								<label id="registername_minggan" class="form-inline tip">有敏感词</label>
								<label id="registername_check" class="tip form-inline">用户名已存在</label>
								<label id="registername_check1" class="form-inline success">用户名可用</label>
							</div>
							<div class="form-group">
								<label for="registerpassword" class="form-inline">密码:</label>
								<input class="form-control" type="password" placeholder="密码" required="required"
									id="registerpassword" autocomplete />
								<label id="registerpassword_trip" class="form-inline tip">密码不能为空</label>
								<label id="registerpassword_warn" class="form-inline tip">密码需大于8位，且不能为纯数字</label>
							</div>
							<div class="form-group">
								<label for="surePassword" class="form-inline">确认密码:</label>
								<input class="form-control" type="password" placeholder="确认密码" required="required"
									id="surePassword" autocomplete />
								<label id="surePassword_trip" class="form-inline tip">请再次输入密码
								</label><label id="Errors" class="form-inline tip">两次输入的密码不一致</label>
							</div>
							<div class="form-group">
								<label for="registerphone" class="form-inline">手机号码:</label>
								<input class="form-control" type="text" placeholder="手机号码" required="required"
									id="registerphone" />
								<label id="registerphone_trip" class="form-inline tip">请输入手机号</label>
								<label id="registerphone_error" class="form-inline tip">请输入正确的手机号格式</label>
								<label id="registerphone_check" class="form-inline tip">手机号已存在</label>
								<label id="registerphone_check1" class="form-inline success">手机号可用</label>
							</div>
							<div class="form-group">
								<label for="registeruserType" class="form-inline">用户类型:</label>
								<select name="type" id="registeruserType" class="form-control">
									<option value="">请选择</option>
									<option value="0">学生</option>
									<option value="1">老师</option>
								</select>
								<label id="registertype_trip" class="form-inline tip">请选择用户类型</label>
							</div>
							<div class="form-group">
								<label for="userSex" class="form-inline">用户性别:</label>
								<select name="sex" id="userSex" class="form-control">
									<option value="">请选择</option>
									<option value="1">男</option>
									<option value="0">女</option>
								</select>
								<label id="sex_trip" class="form-inline tip">请选择性别</label>
							</div>
							<div class="form-group">
								<label for="birthday" class="form-inline">出生日期:</label>
								<input class="form-control" type="date" required="required" id="birthday" />
								<label id="birthday_trip" class="form-inline tip">请选择出生日期</label>
							</div>
							<div class="form-group">
								<label for="registeremail" class="form-inline">邮箱:</label>
								<input class="form-control" type="email" placeholder="邮箱" required="required"
									id="registeremail" />
								<label id="registeremail_trip" class="form-inline tip">请输入电子邮件</label>
								<label id="registeremail_error" class="form-inline tip">请输入正确的邮箱格式</label>
								<label id="registeremail_check" class="form-inline tip">邮箱已存在</label>
								<label id="registeremail_check1" class="form-inline success">邮箱可用</label>
							</div>
							<div class="form-group">
								<label for="registercode" class="form-inline">验证码:</label>
								<input class="form-control" type="text" placeholder="验证码" required="required"
									id="registercode" />
								<label id="registeremailcode_trip" class="form-inline tip">请输入邮箱验证码</label>
								<label id="registeremailcode_error" class="form-inline tip">验证码错误</label>
								<input type="button" class="btn" id="emialcore" value="发送验证码">
							</div>

							<button class="btn btn-lg" type="submit" id="registersubmit">注册</button>
						</form>
					</div>
					<button class="btn btn-back js-btn" data-target="welcome">
						<i class="fas fa-angle-left"></i>
					</button>
				</div>

				<div class="card border-0 shadow card--login" id="login">
					<div class="card-body">
						<h2 class="card-title">欢迎登录！</h2>
						<p>第三方登录</p>
						<p class="badge-wrap">
							<a class="badge"><i class="fab fa-facebook-f"></i></a><a class="badge"><i
									class="fab fa-google"></i></a><a class="badge"><i class="fab fa-twitter"></i></a><a
								class="badge"><i class="fab fa-github"></i></a>
						</p>
						<p>或用用户名手机号登录</p>
						<form>
							<div class="form-group">
								<label for="username" class="form-inline">用户名:</label>
								<input class="form-control" type="text" placeholder="用户名/手机号" required="required"
									id="username" />
								<label id="name_trip" class="form-inline tip">用户名不能为空</label>
							</div>
							<div class="form-group">
								<label for="password" class="form-inline">密码:</label>
								<input class="form-control" type="password" placeholder="密码" required="required"
									id="password" autocomplete />
								<label id="password_trip" class="form-inline tip">密码不能为空</label>
							</div>
							<div class="form-group">
								<label for="userType" class="form-inline">用户类型:</label>
								<select class="form-control" id="userType">
									<option value="">请选择</option>
									<option value="0">学生</option>
									<option value="1">老师</option>
								</select>
								<label id="type_trip" class="form-inline tip">请选择用户类型</label>
							</div>
							<div class="form-group">
								<label class="form-inline" for="yzm">验证码:<a id="change"><img id="img"
											src="v1/users/captcha" /></a></label>
								<input type="text" class="form-control" id="yzm" />
								<label id="yzm_trip" class="form-inline tip">验证码不能为空</label>
								<label id="yzm_error" class="form-inline tip">验证码错误</label>
							</div>
							<p><a href="/forget">忘记密码?</a></p>
							<button class="btn btn-lg" id="loginsubmit" type="submit">登录</button>
						</form>
					</div>
					<button class="btn btn-back js-btn" data-target="welcome">
						<i class="fas fa-angle-left"></i>
					</button>
				</div>
			</div>
		</div>
		
		
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/register.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/until.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
